import styles from "./index.less";
import { motion, useScroll, useSpring, useTransform } from "motion/react";

export default () => {

    const { scrollYProgress } = useScroll();

    const scaleX = useSpring(scrollYProgress);
    const bg = useTransform(scrollYProgress, [0, 1], ['#d22', '#2d2']);
    const percent = useTransform(scrollYProgress, [0, 1], ['0%', '100%']);
    console.log(`## percent`, percent);
    return (
        <div className={styles.container}>
            <div className={styles.progressWrap}>
                <motion.div
                    style={{ scaleX, backgroundColor: bg, }}
                    className={styles.progressBar}
                />
                <motion.span>{percent}</motion.span>
            </div>
            <div>
                The MSG Sphere in Las Vegas is an impressive and unique
                attraction that offers a variety of experiences. Here are some
                detailed facts about this remarkable venue: Design and Size: The
                MSG Sphere, located at The Venetian Resort, is recognized as the
                world's largest spherical structure . It stands 366 feet tall
                and 516 feet wide, making it a prominent feature on the Las
                Vegas skyline. Exterior Display: The exterior of the MSG Sphere
                is covered with a high-resolution LED screen that spans 580,000
                square feet . This massive screen, known as the Exosphere, is
                capable of displaying dynamic images and animations,
                transforming the building into a spectacular visual attraction .
                Interior Features: Inside, the MSG Sphere can accommodate up to
                20,000 people in standing capacity, with seating for 18,600 . It
                features a 16K resolution LED screen that wraps around the
                audience, providing an immersive experience for concerts, films,
                and other events . Technological Innovations: The venue boasts
                the world's largest LED screen, which creates an immersive light
                show with realistic animations that can remove the sense of
                dimensions . The interior also includes a sophisticated sound
                system with 167,000 speakers, enhancing the overall experience .
                Events and Performances: The MSG Sphere opened to the public
                with a series of concerts headlined by the Irish rock band U2 on
                September 29, 2023 . It is designed to host a variety of events,
                including music, film events, and even some sports . Cost and
                Investment: The MSG Sphere was built at a cost of $2.3 billion,
                making it one of the most expensive entertainment venues in Las
                Vegas . This investment has resulted in a state-of-the-art
                facility that pushes the boundaries of modern entertainment
                technology. Accessibility and Location: The MSG Sphere is
                located east of the Las Vegas Strip and is connected to the
                Venetian resort complex . It is accessible via pedestrian
                bridges from The Venetian or through Sands Avenue, Westchester
                Drive, and the Plaza Entry on the east side of the building .
                Future Plans: The MSG Sphere is expected to host four to six
                residencies each year, attracting top artists and performers .
                It also plans to feature a variety of other events, such as
                boxing matches, wrestling, mixed martial arts, product launches,
                movies, and corporate events . The MSG Sphere is not just a
                venue; it's an experience that combines cutting-edge technology
                with world-class entertainment. Whether you're attending a
                concert, a film screening, or simply exploring the venue, the
                MSG Sphere offers a one-of-a-kind experience that is truly a
                must-see in Las Vegas.

                The MSG Sphere in Las Vegas is an impressive and unique
                attraction that offers a variety of experiences. Here are some
                detailed facts about this remarkable venue: Design and Size: The
                MSG Sphere, located at The Venetian Resort, is recognized as the
                world's largest spherical structure . It stands 366 feet tall
                and 516 feet wide, making it a prominent feature on the Las
                Vegas skyline. Exterior Display: The exterior of the MSG Sphere
                is covered with a high-resolution LED screen that spans 580,000
                square feet . This massive screen, known as the Exosphere, is
                capable of displaying dynamic images and animations,
                transforming the building into a spectacular visual attraction .
                Interior Features: Inside, the MSG Sphere can accommodate up to
                20,000 people in standing capacity, with seating for 18,600 . It
                features a 16K resolution LED screen that wraps around the
                audience, providing an immersive experience for concerts, films,
                and other events . Technological Innovations: The venue boasts
                the world's largest LED screen, which creates an immersive light
                show with realistic animations that can remove the sense of
                dimensions . The interior also includes a sophisticated sound
                system with 167,000 speakers, enhancing the overall experience .
                Events and Performances: The MSG Sphere opened to the public
                with a series of concerts headlined by the Irish rock band U2 on
                September 29, 2023 . It is designed to host a variety of events,
                including music, film events, and even some sports . Cost and
                Investment: The MSG Sphere was built at a cost of $2.3 billion,
                making it one of the most expensive entertainment venues in Las
                Vegas . This investment has resulted in a state-of-the-art
                facility that pushes the boundaries of modern entertainment
                technology. Accessibility and Location: The MSG Sphere is
                located east of the Las Vegas Strip and is connected to the
                Venetian resort complex . It is accessible via pedestrian
                bridges from The Venetian or through Sands Avenue, Westchester
                Drive, and the Plaza Entry on the east side of the building .
                Future Plans: The MSG Sphere is expected to host four to six
                residencies each year, attracting top artists and performers .
                It also plans to feature a variety of other events, such as
                boxing matches, wrestling, mixed martial arts, product launches,
                movies, and corporate events . The MSG Sphere is not just a
                venue; it's an experience that combines cutting-edge technology
                with world-class entertainment. Whether you're attending a
                concert, a film screening, or simply exploring the venue, the
                MSG Sphere offers a one-of-a-kind experience that is truly a
                must-see in Las Vegas.

                The MSG Sphere in Las Vegas is an impressive and unique
                attraction that offers a variety of experiences. Here are some
                detailed facts about this remarkable venue: Design and Size: The
                MSG Sphere, located at The Venetian Resort, is recognized as the
                world's largest spherical structure . It stands 366 feet tall
                and 516 feet wide, making it a prominent feature on the Las
                Vegas skyline. Exterior Display: The exterior of the MSG Sphere
                is covered with a high-resolution LED screen that spans 580,000
                square feet . This massive screen, known as the Exosphere, is
                capable of displaying dynamic images and animations,
                transforming the building into a spectacular visual attraction .
                Interior Features: Inside, the MSG Sphere can accommodate up to
                20,000 people in standing capacity, with seating for 18,600 . It
                features a 16K resolution LED screen that wraps around the
                audience, providing an immersive experience for concerts, films,
                and other events . Technological Innovations: The venue boasts
                the world's largest LED screen, which creates an immersive light
                show with realistic animations that can remove the sense of
                dimensions . The interior also includes a sophisticated sound
                system with 167,000 speakers, enhancing the overall experience .
                Events and Performances: The MSG Sphere opened to the public
                with a series of concerts headlined by the Irish rock band U2 on
                September 29, 2023 . It is designed to host a variety of events,
                including music, film events, and even some sports . Cost and
                Investment: The MSG Sphere was built at a cost of $2.3 billion,
                making it one of the most expensive entertainment venues in Las
                Vegas . This investment has resulted in a state-of-the-art
                facility that pushes the boundaries of modern entertainment
                technology. Accessibility and Location: The MSG Sphere is
                located east of the Las Vegas Strip and is connected to the
                Venetian resort complex . It is accessible via pedestrian
                bridges from The Venetian or through Sands Avenue, Westchester
                Drive, and the Plaza Entry on the east side of the building .
                Future Plans: The MSG Sphere is expected to host four to six
                residencies each year, attracting top artists and performers .
                It also plans to feature a variety of other events, such as
                boxing matches, wrestling, mixed martial arts, product launches,
                movies, and corporate events . The MSG Sphere is not just a
                venue; it's an experience that combines cutting-edge technology
                with world-class entertainment. Whether you're attending a
                concert, a film screening, or simply exploring the venue, the
                MSG Sphere offers a one-of-a-kind experience that is truly a
                must-see in Las Vegas.

                The MSG Sphere in Las Vegas is an impressive and unique
                attraction that offers a variety of experiences. Here are some
                detailed facts about this remarkable venue: Design and Size: The
                MSG Sphere, located at The Venetian Resort, is recognized as the
                world's largest spherical structure . It stands 366 feet tall
                and 516 feet wide, making it a prominent feature on the Las
                Vegas skyline. Exterior Display: The exterior of the MSG Sphere
                is covered with a high-resolution LED screen that spans 580,000
                square feet . This massive screen, known as the Exosphere, is
                capable of displaying dynamic images and animations,
                transforming the building into a spectacular visual attraction .
                Interior Features: Inside, the MSG Sphere can accommodate up to
                20,000 people in standing capacity, with seating for 18,600 . It
                features a 16K resolution LED screen that wraps around the
                audience, providing an immersive experience for concerts, films,
                and other events . Technological Innovations: The venue boasts
                the world's largest LED screen, which creates an immersive light
                show with realistic animations that can remove the sense of
                dimensions . The interior also includes a sophisticated sound
                system with 167,000 speakers, enhancing the overall experience .
                Events and Performances: The MSG Sphere opened to the public
                with a series of concerts headlined by the Irish rock band U2 on
                September 29, 2023 . It is designed to host a variety of events,
                including music, film events, and even some sports . Cost and
                Investment: The MSG Sphere was built at a cost of $2.3 billion,
                making it one of the most expensive entertainment venues in Las
                Vegas . This investment has resulted in a state-of-the-art
                facility that pushes the boundaries of modern entertainment
                technology. Accessibility and Location: The MSG Sphere is
                located east of the Las Vegas Strip and is connected to the
                Venetian resort complex . It is accessible via pedestrian
                bridges from The Venetian or through Sands Avenue, Westchester
                Drive, and the Plaza Entry on the east side of the building .
                Future Plans: The MSG Sphere is expected to host four to six
                residencies each year, attracting top artists and performers .
                It also plans to feature a variety of other events, such as
                boxing matches, wrestling, mixed martial arts, product launches,
                movies, and corporate events . The MSG Sphere is not just a
                venue; it's an experience that combines cutting-edge technology
                with world-class entertainment. Whether you're attending a
                concert, a film screening, or simply exploring the venue, the
                MSG Sphere offers a one-of-a-kind experience that is truly a
                must-see in Las Vegas.

                The MSG Sphere in Las Vegas is an impressive and unique
                attraction that offers a variety of experiences. Here are some
                detailed facts about this remarkable venue: Design and Size: The
                MSG Sphere, located at The Venetian Resort, is recognized as the
                world's largest spherical structure . It stands 366 feet tall
                and 516 feet wide, making it a prominent feature on the Las
                Vegas skyline. Exterior Display: The exterior of the MSG Sphere
                is covered with a high-resolution LED screen that spans 580,000
                square feet . This massive screen, known as the Exosphere, is
                capable of displaying dynamic images and animations,
                transforming the building into a spectacular visual attraction .
                Interior Features: Inside, the MSG Sphere can accommodate up to
                20,000 people in standing capacity, with seating for 18,600 . It
                features a 16K resolution LED screen that wraps around the
                audience, providing an immersive experience for concerts, films,
                and other events . Technological Innovations: The venue boasts
                the world's largest LED screen, which creates an immersive light
                show with realistic animations that can remove the sense of
                dimensions . The interior also includes a sophisticated sound
                system with 167,000 speakers, enhancing the overall experience .
                Events and Performances: The MSG Sphere opened to the public
                with a series of concerts headlined by the Irish rock band U2 on
                September 29, 2023 . It is designed to host a variety of events,
                including music, film events, and even some sports . Cost and
                Investment: The MSG Sphere was built at a cost of $2.3 billion,
                making it one of the most expensive entertainment venues in Las
                Vegas . This investment has resulted in a state-of-the-art
                facility that pushes the boundaries of modern entertainment
                technology. Accessibility and Location: The MSG Sphere is
                located east of the Las Vegas Strip and is connected to the
                Venetian resort complex . It is accessible via pedestrian
                bridges from The Venetian or through Sands Avenue, Westchester
                Drive, and the Plaza Entry on the east side of the building .
                Future Plans: The MSG Sphere is expected to host four to six
                residencies each year, attracting top artists and performers .
                It also plans to feature a variety of other events, such as
                boxing matches, wrestling, mixed martial arts, product launches,
                movies, and corporate events . The MSG Sphere is not just a
                venue; it's an experience that combines cutting-edge technology
                with world-class entertainment. Whether you're attending a
                concert, a film screening, or simply exploring the venue, the
                MSG Sphere offers a one-of-a-kind experience that is truly a
                must-see in Las Vegas.

                The MSG Sphere in Las Vegas is an impressive and unique
                attraction that offers a variety of experiences. Here are some
                detailed facts about this remarkable venue: Design and Size: The
                MSG Sphere, located at The Venetian Resort, is recognized as the
                world's largest spherical structure . It stands 366 feet tall
                and 516 feet wide, making it a prominent feature on the Las
                Vegas skyline. Exterior Display: The exterior of the MSG Sphere
                is covered with a high-resolution LED screen that spans 580,000
                square feet . This massive screen, known as the Exosphere, is
                capable of displaying dynamic images and animations,
                transforming the building into a spectacular visual attraction .
                Interior Features: Inside, the MSG Sphere can accommodate up to
                20,000 people in standing capacity, with seating for 18,600 . It
                features a 16K resolution LED screen that wraps around the
                audience, providing an immersive experience for concerts, films,
                and other events . Technological Innovations: The venue boasts
                the world's largest LED screen, which creates an immersive light
                show with realistic animations that can remove the sense of
                dimensions . The interior also includes a sophisticated sound
                system with 167,000 speakers, enhancing the overall experience .
                Events and Performances: The MSG Sphere opened to the public
                with a series of concerts headlined by the Irish rock band U2 on
                September 29, 2023 . It is designed to host a variety of events,
                including music, film events, and even some sports . Cost and
                Investment: The MSG Sphere was built at a cost of $2.3 billion,
                making it one of the most expensive entertainment venues in Las
                Vegas . This investment has resulted in a state-of-the-art
                facility that pushes the boundaries of modern entertainment
                technology. Accessibility and Location: The MSG Sphere is
                located east of the Las Vegas Strip and is connected to the
                Venetian resort complex . It is accessible via pedestrian
                bridges from The Venetian or through Sands Avenue, Westchester
                Drive, and the Plaza Entry on the east side of the building .
                Future Plans: The MSG Sphere is expected to host four to six
                residencies each year, attracting top artists and performers .
                It also plans to feature a variety of other events, such as
                boxing matches, wrestling, mixed martial arts, product launches,
                movies, and corporate events . The MSG Sphere is not just a
                venue; it's an experience that combines cutting-edge technology
                with world-class entertainment. Whether you're attending a
                concert, a film screening, or simply exploring the venue, the
                MSG Sphere offers a one-of-a-kind experience that is truly a
                must-see in Las Vegas.
            </div>
        </div>
    );
};
